$(function() {
        // 1.用户退出登录
        let layer = layui.layer
        $("#logout").on("click", function() {
            layer.confirm('确认退出登录吗?', { icon: 3, title: '提示' }, function(index) {
                layer.close(index);
                location.href = "/login.html";
                localStorage.removeItem("token")
            });
        })

        getUserInfo();
    })
    // 获取用户信息,渲染用户名和头像功能封装
    // 封装写到入口函数的外面!!!
    // 封装全局函数,后面修改用户信息和头像成功后,要调用函数
function getUserInfo() {
    axios({
        method: "GET",
        url: "/my/userinfo",
        /*  headers: {
             Authorization: localStorage.getItem("token")
         } */
    }).then(res => {
        // console.log(res.data);
        if (res.data.status !== 0) {
            return layui.layer.message
        }
        renderUserInfo(res.data.data)
    })
}

function renderUserInfo(user) {
    // 欢迎名称要求: 优先赋值昵称,不存在才赋值登录名称
    let name = user.nickname || user.username;
    // 欢迎赋值
    $(".welcome").html(`欢迎&nbsp;${name}`)
        // 判断有没有图片头像
    if (user.user_pic == null) {
        // 没有图片头像,显示文字头像,隐藏图片头像
        $(".avatar-text").show().html(name[0].toUpperCase())
        $(".avatar-img").hide()
    } else {
        // 有图片头像,隐藏文字头像,显示图片头像
        $(".avatar-text").hide()
        $(".avatar-img").show().attr("src", user.user_pic)

    }
}